/*
  Style file for BB Counters Gadget 
  
  Author:   Adam Hořčica (c) 2008 
  URL:      $HeadURL: http://ahs-gadgets.googlecode.com/svn/trunk/bb-counters/src/style.css $
  Revision: $Id: style.css 43 2008-02-08 23:38:00Z horcicaa $
*/

body{
  margin: 0;
  padding: 0;
}

#items{
  margin: 0;
  padding: 0;
  font-size: 12px;
  xline-height: 100%;
}

#items.static_height{
  height: 200px;
  overflow: auto;
}

#items em.info{
  display: block;
  margin: 4px 4px 2px 4px;
  font-size: 95%;
  color: #000;
}

div.item{
  margin: 0;
  padding: 6px 1px 6px 1px;
  border-bottom: dotted /*#a2b1d0*/ #bbb 1px;
}

div.item.first{
  border-top: dotted /*#a2b1d0*/ #bbb 1px;
}

div.item.odd, div.item.odd div.info em, div.item.odd div.info var{
  background-color: #fdfdeb;
}

div.line, div.head{
  position: relative;
}

/* HEAD */

duv.head {

}

div.head strong{
  padding-left: 20px;
  font-weight: normal;
  color: #1c55c8;
}

div.head a.icon{
  position: absolute;
  top: 3px;
  left: 1px;
  display: block;
  width: 10px;
  height: 10px;
  overflow: hidden;
  background: url('$$_adress_$$/butt.gif') no-repeat 0 0;
  
  outline: none;
  -moz-outline: none;
} 

div.line var, div.head var{
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 3px 0 4px;
  font-size: 11px;
  color: #000;
  font-family: Verdana;
  font-style: normal;
}

div.head strong a{
  color: #1c55c8;
}

div.head strong a:hover{
  font-weight: bold;
  text-decoration: none;
}

div.head strong span{
  font-weight: normal;
  font-style: italic;
  color: #555;
  font-size: 11px /*85%*/;
}

/* INFO */

div.item div.info{
  padding: 6px 0px 0px 3px;
}

div.item.close div.info{
  display: none;
}

div.item.open div.info{
  display: block;
}

div.item.close a.icon{
  background-position: 0 0;
}

div.item.close a.icon:hover{
  background-position: 0 -10;
}

div.item.open a.icon{
  background-position: -10 0;
}

div.item.open a.icon:hover{
  background-position: -10 -10;
}


div.info div.line{
  background: url('$$_adress_$$/dot.gif') repeat-x bottom;
} 

div.line em{
  font-style: normal;
  padding-right: 5px;
  background-color: #fff;
}

div.info var{
  background-color: #fff;
}
